@media screen and (max-width:991px) {
.menu,.menuson-wrap,.top_r,.side,.footer_gjwm{display:none;}	

.top{width:100%; height:109px; margin:auto; background:#fff; border-bottom:1px solid #d6d6d6; position:fixed; top:0; left:0; z-index:10000;}
.logo{width:125px; float:left; overflow:hidden; margin:10px 0 0 20px;}

.naverbox{display:block; z-index:9999;}
.naverbox .btn{position:absolute;top:38px; right:20px; height:34px;}
.naverbox .btn span{display:block; width:44px; height:34px; color:#fff; background:#fff url(../images/dh.png) no-repeat center; cursor:pointer;}

.sidebar-wrapper{position:relative; height:100%; overflow:auto;}
#dowebok{display:block; left:-100%;}
#dowebok .naver{width:100%; background:#fff;}
#dowebok .naver li{position:relative; width:100%;}
#dowebok .naver li p.active span,#dowebok .naver li p.you span{position:absolute; right:0px; top:0px; width:36px; height:36px; background:#fff url(../images/pic26.png) no-repeat center; cursor:pointer;}
#dowebok .naver li p{border-bottom:1px solid #e6e6e6;}
#dowebok .naver li p.you.active span{width:36px; height:36px; background:#fff url(../images/pic27.png) no-repeat center;}
#dowebok .naver li p{line-height:36px;} 
#dowebok .naver li p a{display:block; padding:0 0 0 20px; color:#404040; text-decoration:none; font-size:14px;}
#dowebok .naver li p:hover{background:#fff;}
#dowebok .naver li dl{line-height:30px; display:none; padding:10px 0;}
#dowebok .naver li dl a{color:#404040; display:block; padding:0 20px; font-size:12px;}
#dowebok .naver li dl a:hover{color:#fff; display:block; background:#fff; text-decoration:none;}
#dowebok .naver li a.currnet{background:#0090ff; color:#fff;}

.search{width:95%;height:27px;padding:21px 3%; position:relative;}
.search_bg{width:95%;height:25px;float:left; background:#fff; border:1px solid #dedede; border-right:none;}
.sear_bk{width:97%;height:25px;float:left; background:none; border:none; margin:1px; padding-left:2%; line-height:25px;color:#787876;font-size:12px;}
.search_btn{width:42px;height:27px; position:absolute; top:21px; right:15px;}

.banner_box img{width:100%; display:block;}
.banner_box{width:100%;text-align:center; margin-top:109px;}
.banner_box img{vertical-align:middle;}
.roll_img_mb_01{overflow:hidden;position:relative;}
.roll_img_mb_01 .img_box{overflow:hidden;text-align:center;}
.roll_img_mb_01 .img_box img{vertical-align:middle;width:100%;}
.roll_img_mb_01 .nav_box{overflow:hidden;position:absolute; right:43%; bottom:10px;}
.roll_img_mb_01 .nav_box li{width:10px;height:10px;font-size:1px;overflow:hidden;background:#fff;border-radius:50px;float:left;margin:4px;}
.roll_img_mb_01 .nav_box .li_on{background:#f00;}

.xsk{width:95%; margin:20px auto 0;}
.xsk ul li{width:49%; float:left; margin:10px 2% 0 0;  position:relative;}
.xsk ul li:nth-child(2n){margin-right:0;}
.xsk ul li .tp{width:100%; float:left;} .xsk ul li .tp img{width:100%; display:block;}
.xsk ul li .wz{position:absolute; top:25px; left:15px; color:#fff; line-height:20px;} .xsk ul li .wz a{color:#fff;} .xsk ul li .wz a:hover{color:#0090ff;}
.xsk ul li .wz h3{font-size:16px; color:#fff;}
.xsk ul li .wz span{font-size:12px; color:#fff;}

.main_probg{width:100%; background:url(../images/main_probg.jpg) fixed center no-repeat; margin:40px auto 0; padding:10% 0;}
.main_pro{width:95%; margin:auto; position:relative;}
.main_pro_tit{width:180px; margin:auto; text-align:center; line-height:36px;}
.main_pro_tit h1{font-size:36px; font-weight:bold;} .main_pro_tit h1 a{color:#0090ff;} .main_pro_tit h1 a:hover{color:#f00;}
.main_pro_tit span{font-size:18px; text-transform:uppercase; font-family:Arial;}

.main_pro_img{width:100%; margin:20px auto 0; overflow:hidden;}
.main_pro_img ul{width:10000%; position:relative;}
.main_pro_img ul li{float:left; width:1%; background:#fff; margin-right:25px; border-bottom:3px solid #d6d6d6;}
.main_pro_img ul li:hover{-webkit-box-shadow:0 3px 8px rgba(0,0,0,0.3); box-shadow:0 3px 8px rgba(0,0,0,0.3); border-bottom:3px solid #0090ff;}

.main_pro_img ul li .pic{width:100%; float:left; overflow:hidden;}
.main_pro_img ul li .pic img,.main_about_pic img{width:100%; display:block;}
.main_pro_img ul li .pic img:hover{opacity:0.8;}
.main_pro_img ul li .title{width:90%; float:left; padding:20px 5% 0 5%;}
.main_pro_img ul li .title h3{font-size:20px;}
.main_pro_img ul li .title p{color:#787876; line-height:24px; margin-top:10px;}
.main_pro_img ul li .btn{margin:10px auto 0; clear:both; font-size:14px; padding:10px 20px 20px 20px;}

.main_pro_l,.main_pro_r{position:absolute; top:60%; margin-top:-25px; width:50px; height:50px; transition:0.3s; cursor:pointer; overflow:hidden;}
.main_pro_l{left:0; background:url(../images/left.png) center no-repeat; opacity:0.5;}
.main_pro_l:hover{left:0; background:url(../images/lefth.png) center no-repeat;}
.main_pro_r{right:0; background:url(../images/right.png) center no-repeat; opacity:0.5;}
.main_pro_r:hover{right:0; background:url(../images/righth.png) center no-repeat;}

.main_aboutbg{width:100%; margin:auto; background:#f7f7f7; padding:10% 0; overflow:hidden;}
.main_about{width:95%; margin:auto;}
.main_about_pic{width:100%;}
.main_about_text{width:100%; margin-top:20px;}
.main_about_text h3{font-size:24px;}
.main_about_text h1{font-size:36px; font-weight:bold; color:#0090ff; margin-top:10px;}
.main_about_text h1 a{color:#0090ff;} .main_about_text h1 a:hover{color:#f00;}
.main_about_text span{font-size:18px; text-transform:uppercase; margin-top:10px; font-family:Arial;}
.main_about_text p{font-size:14px; line-height:30px;}
.main_about_text .btn{width:120px; float:left; margin-top:20px;}
.main_about_text .btn a{width:118px; height:28px; float:left; border:1px solid #d6d6d6; border-radius:10px; line-height:28px; text-align:center; background:#fff; font-family:Arial; font-size:14px; text-transform:uppercase;}
.main_about_text .btn a:hover{display:block; border:1px solid #0090ff; background:#0090ff; color:#fff;}

.main{width:96%; margin:8% auto 0;}

.main_news_pic{width:100%; position:relative; overflow:hidden; margin-top:30px;}
.main_news_pic img{width:100%; display:block; -webkit-transition:0.5s;transition:0.5s;}
.main_news_pic img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
.main_news_wz{width:90%;height:60px;float:left; position:absolute; bottom:0; left:0; background:rgba(0,144,255,0.6); color:#fff; font-size:16px; padding:0 5%;}
.main_news_wztit{width:100%; float:left; padding-top:10px;} 
.main_news_wztit h3{font-size:14px;float:left;} .main_news_wztit h3 a{color:#fff;} .main_news_wztit h3 a:hover{color:#000;}
.main_news_wztit span{float:left; font-size:12px;}
.main_news_wztxt,.footer{display:none;}

.main_news_text{width:100%; margin-top:30px;}
.main_news_text li{width:100%;float:left;border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:28px; position:relative;}
.main_news_text li:nth-child(3n){margin-bottom:0; }
.main_news_text li .rq{width:60px; height:60px; margin:auto; background:#fff; text-align:center; line-height:30px; font-family:Arial; border:1px solid #e6e6e6; padding:10px; color:#999;}
.main_news_text li .rq h1{font-size:48px; font-weight:bold; margin-top:5px;}
.main_news_text li .rq span{font-size:16px;}
.main_news_text li .wz{width:100%; float:left; margin-top:20px;}
.main_news_text li .wz h1{width:100%; float:left; font-size:16px; color:#000;}
.main_news_text li .wz p{width:100%; float:left; font-size:12px; line-height:24px; color:#787876; margin-top:10px;}
.main_news_text li:before{content:""; position:absolute; left:0; width:0; bottom:0; background:#0090ff; height:2px; transition:0.5s;}
.main_news_text li:hover:before{width:100%;}
.main_news_text li:hover .rq{color:#0090ff;}

.footer_bg{width:100%; margin:60px auto 0; background:#373d4b; padding:20px 0; overflow:hidden;}
.copyright{width:95%; margin:auto;}
.copy_l,.copy_r{width:100%; line-height:24px; color:#838792;} 
.copy_l a,.copy_r a{color:#838792;} 
.copy_l a:hover,.copy_r a:hover{color:#0090ff;}

/** 首页代码 End **/

.ny_bnbg{width:100%; margin:110px auto 0; background:#f5f5f5; padding:50px 0; overflow:hidden;}
.ny_bn{width:95%; margin:auto;}
.ny_bn_title{width:100%; margin:auto; text-align:center; line-height:40px;}
.ny_bn_title h1{font-size:36px; font-weight:bold; color:#0090ff;}
.ny_bn_title span{font-size:18px; text-transform:uppercase; font-family:Arial;}

.ny_sub_nav{width:100%; margin:20px auto 0;}
.ny_sub_nav li{display:inline-block; margin-top:10px;}
.ny_sub_nav li a{display:block; margin-left:10px; padding:0px 20px; height:35px; line-height:35px; text-align:center; border:1px solid #d6d6d6; background:#fff; font-size:14px;
 -webkit-transition: all 0.3s; transition: all 0.3s;}
.ny_sub_nav li a:hover,.ny_sub_nav li a.cur{background:#0090ff; border-color:#0090ff; color:#fff;}

.about_pic{width:100%; float:left;}
.about_pic img{width:100%; display:block;}
.about_text{width:100%;float:left; margin-top:50px;}
.about_text h1{font-size:36px; font-weight:bold; color:#0090ff; line-height:30px;}
.about_text_fgx{width:60px; height:3px; float:left; background:#e6e6e6; margin-top:30px;}
.about_text_wz{width:100%; float:left; line-height:30px; font-size:14px; margin-top:20px;}
.about_text_wz span{font-weight:bold; color:#0090ff;}

.honor_r_img,.scxc_r_img{width:100%;float:left;}
.honor_r_img ul,.scxc_r_img ul{width:100%;}
.honor_r_img ul li,.scxc_r_img ul li{width:49%; float:left;margin:0 2% 20px 0;}
.honor_r_img ul li:nth-child(2n),.scxc_r_img ul li:nth-child(2n){margin-right:0;}
.honor_r_img ul li span,.scxc_r_img ul li span{width:100%;float:left; text-align:center;line-height:24px; font-size:16px; padding-top:10px;}
.honor_r_img ul li img,.scxc_r_img ul li img{width:100%; display:block;}
.honor_r_img ul li img:hover,.scxc_r_img ul li img:hover{border-color:#0090ff;}


/*pages*/
.Pages{width:100%; float:left; margin-top:20px; line-height:32px; text-align:center;}
.Pages span{padding:0px 3px; display:inline-block;}
.Pages a{display:inline-block; margin:0px 2px; height:32px; }
.Pages .p_page em{font-style:normal; font-family:Arial;}
.Pages .p_page em a{padding:0px 12px; border:solid 1px #d6d6d6;}
.Pages .p_page em a.a_cur{color:#0090ff; border:0; border-top:1px solid #0090ff; border-bottom:1px solid #0090ff;}
.Pages .p_page em a:hover{border-color:#0090ff;}
.Pages .a_prev{width:32px; background:url(../images/bg_prev.jpg) no-repeat;}
.Pages .a_next{width:32px; background:url(../images/bg_next.jpg) no-repeat;}

/** 关于我们代码 End **/

.pro_img{width:100%; margin:40px auto 0; overflow:hidden;}
.pro_img ul{width:100%;}
.pro_img ul li{float:left; width:100%; background:#fff; margin:0 0 40px 0;  border-bottom:1px solid #d6d6d6;}
.pro_img ul li:hover{border-bottom:1px solid #0090ff;}
.pro_img ul li .pic{width:100%; float:left; overflow:hidden;}
.pro_img ul li .pic img{width:100%; display:block\;}
.pro_img ul li .pic img:hover{opacity:0.8;}
.pro_img ul li .title{width:90%; float:left; padding:20px 5% 0 5%;}
.pro_img ul li .title h3{font-size:20px;}
.pro_img ul li .title p{color:#787876; line-height:24px; margin-top:10px;}
.pro_img ul li .btn{margin:10px auto 0; clear:both; font-size:14px; padding:10px 20px 20px 20px;}

.products,.promore_l{width:100%; float:left;}

.sp-wrap{display:none; position:relative; float:left;width:100%;}
.sp-thumbs{text-align:left;display:inline-block; margin-top:30px;}
.sp-thumbs img{min-height:50px; min-width:50px; max-width:50px;}
.sp-thumbs a:link, .sp-thumbs a:visited {width:50px;height:50px;overflow: hidden;opacity: .3;display: inline-block;background-size: cover;background-position: center;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; margin-right:3px;}
.sp-thumbs a:hover{opacity:1;}
.sp-thumbs a:active, .sp-current{opacity:1!important;position:relative;}
.sp-large {position:relative; overflow:hidden; top:0; left:0;}
.sp-large a img{max-width:100%;width:100%; display:block;}
.sp-large a{display:block;}
.sp-zoom{position:absolute;left:-50%;top:-50%;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;display:none;}
.sp-lightbox{position:fixed;top:0;left:0;height:100%;width:100%; background:rgb(0, 0, 0); background:rgba(0, 0, 0, .9);z-index:500;display: none;cursor: pointer;}
.sp-lightbox img{position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%; border:2px solid #fff;}
#sp-prev, #sp-next{position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none;background:#000; border-radius:25px; border:2px solid #fff; width:50px;height:50px; box-sizing:border-box;transition: .2s;}
#sp-prev{left:10px;}
#sp-prev:before{content:''; border:7px solid transparent; border-right:15px solid #fff; position: absolute; top:16px; left:7px;}
#sp-next{right:10px;}
#sp-next:before{content:''; border:7px solid transparent; border-left:15px solid white; position: absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{background:#444;}

/*放大镜代码 End*/

.pros_right{width:100%; float:left; margin-top:30px; overflow:hidden;}
.pros_right_top{overflow:hidden; padding-bottom:10px; border-bottom:1px solid #e6e6e6;}
.pros_right_top strong{overflow:hidden;display: inline-block; font-weight:bold; font-size:26px; color:#0090ff; padding-bottom:10px;}
.pros_right_top a{font-size:14px; float:right; width:120px; height:30px;  background:#0090ff; line-height:30px; text-align:center; color:#fff;}
.pros_right_top a:hover{background:#0090ff;}

.pros_right_text{width:100%;float:left; margin-top:30px; line-height:30px; font-size:14px;}
.promore_btn{width:150px; height:35px; float:left; margin-top:30px;}
.promore_btn a{width:150px; height:35px; float:left; line-height:35px; text-align:center; background:#999; color:#fff; font-size:14px;}
.promore_btn a:hover{background:#0090ff;}

.tabs-basic{width:100%;margin-top:40px;float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px;}
.tabs-basic a{display:block; text-decoration:none; border:1px solid transparent; padding:10px 55px; background:#eee; color:#404040;}
.tabs-basic .tab-active{border-color:#0090ff; background-color:#0090ff; color:#fff;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; background-color:#fff; padding:20px 0; margin:auto;}
.tabs-basic .tabs-content-placeholder div{display:none;}
.tabs-basic .tabs-content-placeholder div.tab-content-active{display:block; line-height:24px; font-size:14px;}
.tabs-basic .tabs-content-placeholder div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder div p{line-height:24px; text-align:left; margin-top:20px;}
.tabs-basic .tabs-content-placeholder div img{max-width:100%;}
.table-container{width:100%; overflow-y:auto; _overflow:auto; margin:0 0 1em;}

/** 产品中心代码 End **/


.news_text{width:100%; float:left;}
.news_text dl{display:block; width:100%; float:left; background-color:#fff; overflow:hidden; transition:background-color .25s ease-in-out;-webkit-transition: background-color .25s ease-in-out; margin-bottom:20px;}

.com-img{width:100%; height:220px; float:left; overflow:hidden;}
.com-img img{width:100%; display:block; transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.news_text dl dt{width:100%; float:left; padding-bottom:20px;} 
.news_text dl dd{width:100%; float:left;}
.news_text dl dd .left{width:80%; float:left;}
.news_text dl dd .left h3{line-height:48px; font-size:22px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.news_text dl:hover dd h3 a{color:#fff;}
.news_text dl dd .left .con{height:48px; line-height:24px; overflow:hidden;}
.news_text dl dd .right{width:15%; float:right;} 
.news_text dl dd .right p{text-align:center; font-size:14px; padding-top:5px; font-family:Arial;}
.news_text dl dd .right p:nth-child(1){font-size:30px; position:relative;}
.news_text dl dd .right p:nth-child(1):after{position:absolute; width:68px; height:1px; background-color:#1a1a1a; left:50%; margin-left:-34px; bottom:0; content:'';}
.news_text dl dd a.more{width:110px; height:34px; line-height:32px; border:1px solid #d6d6d6; display:inline-block; text-align:center; border-radius:15px; margin-top:10px; font-size:14px;}
.news_text dl:hover{background-color:#749000; color:#fff;}
.news_text dl:hover dd .right p:nth-child(1):after{background-color:#fff;}
.news_text dl:hover dd a.more{border-color:#fff;color:#fff;}

.new-view-title{width:100%;text-align:center; border-bottom:1px solid #e5e5e5; line-height:30px; padding:10px 0 16px 0; font-size:14px;}
.new-view-title .line{padding:0 10px; color:#d3d3d3;}
.color-blue{color:#0090ff;}
.new-view-title h3{padding:8px; line-height:32px; font-size:24px; font-weight:bold; color:#0090ff;}

.newsmore_text{width:100%;float:left; margin-top:30px; line-height:30px; font-size:14px;}
.newsmore_text img,.supp_text img{width:100%; display:block;}
.supp_text{width:100%;float:left; line-height:30px; font-size:14px;}

.view-page{width:100%; float:left; position:relative; margin-top:20px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:100%; float:left; height:38px; border:solid 1px #e5e5e5; line-height:38px; position:static;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; margin-top:10px; text-align:center;}
.view-page .prev{left:0;}
.view-page .prev a{background:url(../images/le.png) 20px center no-repeat;}
.view-page .next a{text-align:center;}
.view-page a{display:block;} 
.view-page .back{left:50%; width:100%;}
.view-page .next{right:0;}
.view-page .next a{background:url(../images/ri.png) 90% center no-repeat; }
.view-page .prev:hover a{color:#fff; background:url(../images/le-white.png) 20px center no-repeat #0090ff; color:#fff;}
.view-page .next:hover a{color:#fff; background:url(../images/ri-white.png) 90% center no-repeat #0090ff; color:#fff;}
.view-page .back a{background:url(../images/back.png) 16px center no-repeat #0090ff;color: #fff; text-align:center;}
.view-page .back a:hover{background:url(../images/back.png) 16px center no-repeat #0090ff; color:#fff;}


/** 新闻中心代码 End **/

.hzhb_img{width:100%;float:left;}
.hzhb_img ul li{width:49%; float:left; margin:0 2% 20px 0; border-bottom:1px solid #e6e6e6;}
.hzhb_img ul li:nth-child(2n){margin-right:0;}
.hzhb_img ul li img{width:100%; display:block;}

/**合作伙伴代码 End**/

.cont_l{width:100%; float:left;}
.cont_l li{width:89.5%; float:left; border:1px solid #e6e6e6; padding:10px 5%;line-height:30px; font-size:14px; margin-bottom:20px;}
.cont_l li img{width:100%; display:block;}

.cont_r{width:100%; float:left; margin-top:30px;}

.slide_join{width:100%; float:left;}
.slide_join h3{float:left;width:95%; height:45px; padding:0 2.5%; font-weight:normal; background:#fff; border-bottom:1px solid #e6e6e6; margin-bottom:20px; line-height:45px;}
.slide_join h3.on{background-color:#0090ff;}
.slide_join h3 span{float:left; width:80%; height:45px; color:#000; font-size:16px; line-height:45px; overflow: hidden; text-overflow:ellipsis;}
.slide_join h3.on span{color:#fff;}
.slide_join h3 em{float:right; width:30px;height:30px; margin:8px 0 0 0; background:url(../images/join_img9.png) no-repeat;}
.slide_join h3.on em{background:url(../images/join_img10.png) no-repeat;}
.slide_join ul{float:left; width:95%; background-color:#fff; padding:0 20px 25px 20px;}
.slide_join ul .join_show{float:left; width:95%; font-size:14px; line-height:28px;}

.t1,.t2,.t3,.t4{width:100%;float:left;}
.contact-form input.text{background:#fff;border:1px #e6e6e6 solid;color: #999;width:89%; padding:2.5% 5%; margin-bottom:20px;}
.contact-form textarea.textarea{background:#fff;border:1px #e6e6e6 solid;color:#999;width:93.5%;height:200px;padding:3%; margin-bottom:20px;}
.contact-form textarea.textarea{background:#fff;border:1px #e6e6e6 solid;color:#999;width:95%;height:200px;padding:2%; margin-bottom:1%; font-size:14px;}
.contact-form input.btn, a.btn{background:#fff;padding:0.8% 0;color:#000; font-size:16px;border:1px solid #e6e6e6; width:40%; margin-right:1%;}
.contact-form input.btn:hover, a.btn:hover{background:#0090ff; color:#fff;}

/*联系我们代码 End*/


}